High Contrast: circular buttons

- make sure they are visible on selected rows

https://bugzilla.gnome.org/show_bug.cgi?id=763612

diff --git a/gtk/theme/HighContrast/_common.scss b/gtk/theme/HighContrast/_common.scss
index 7664656288c479ebb6d534427f00474969ec2b5b..c330d7fc7446386bf9d455997711490c78fe63ac 100644 (file)
--- a/gtk/theme/HighContrast/_common.scss
+++ b/gtk/theme/HighContrast/_common.scss
@@ -2993,13 +2993,16 @@ cursor-handle {
   }
 }
 
-button.circular {
+button.circular { // FIXME: aggregate to buttons
   border-radius: 20px;
   -gtk-outline-radius: 20px;
-}
 
-button.circular label {
-  padding: 0;
+  label { padding: 0; }
+  row:selected & { 
+    color: $selected_fg_color; 
+    &:hover { color: $fg_color; }
+    &:active { color: $selected_fg_color; }
+  }
 }
 
 // shortcut window keys

diff --git a/gtk/theme/HighContrast/gtk-contained-inverse.css b/gtk/theme/HighContrast/gtk-contained-inverse.css
index 7c178b7ff439037ed0264caef627986a49c49651..977de623c1d76ba601230ddd75818b4287b4207e 100644 (file)
--- a/gtk/theme/HighContrast/gtk-contained-inverse.css
+++ b/gtk/theme/HighContrast/gtk-contained-inverse.css
@@ -3296,9 +3296,14 @@ cursor-handle {
 button.circular {
   border-radius: 20px;
   -gtk-outline-radius: 20px; }
-
-button.circular label {
-  padding: 0; }
+  button.circular label {
+    padding: 0; }
+  row:selected button.circular {
+    color: #fff; }
+    row:selected button.circular:hover {
+      color: #fff; }
+    row:selected button.circular:active {
+      color: #fff; }
 
 .keycap {
   min-width: 18px;

diff --git a/gtk/theme/HighContrast/gtk-contained.css b/gtk/theme/HighContrast/gtk-contained.css
index f698ebcea23e0aab5182274c0075379ae6cd4e40..36ac82bee80370abf9b9355e4b530f9b5794d7b0 100644 (file)
--- a/gtk/theme/HighContrast/gtk-contained.css
+++ b/gtk/theme/HighContrast/gtk-contained.css
@@ -3303,9 +3303,14 @@ cursor-handle {
 button.circular {
   border-radius: 20px;
   -gtk-outline-radius: 20px; }
-
-button.circular label {
-  padding: 0; }
+  button.circular label {
+    padding: 0; }
+  row:selected button.circular {
+    color: #fff; }
+    row:selected button.circular:hover {
+      color: #000; }
+    row:selected button.circular:active {
+      color: #fff; }
 
 .keycap {
   min-width: 18px;